import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom'
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import Counter from './Demo01/Counter';
import UserList from './Demo01/UserList';
import SearchUserList from './Demo04/SearchUserList';
import ThemeSwitch from './Demo04/ThemeSwitch';
import Timer from './Demo04/Timer';
import UseToCounter from './Demo06/UseToCounter';
import UseToScroll from './Demo06/UseToScroll';
import UseAsyncToUserList from './Demo06/UseAsyncSample';
import BlogList from './Demo06/BlogList';
import PureRedux from './Demo07/PureRedux';
import ReduxCounter from './Demo07/ReduxCounter';
import FilterLists from './Demo08/FilterLists';
import PriceInputs from './Demo08/PriceInputs';
import SearchBoxToURL from './Demo08/SearchBox';
import ArticleViews from './Demo09/ArticleViews';
import UserList2 from './Demo10/UserList2';
import ListWithMore from './Demo10/ListWithMore';
import CounterRenderPropsExample from './Demo10/CounterRenderProps'
import ToggleButton from './Demo11/ToggleButton'
import UseKeyPress from './Demo11/UseKeyPress';
import UncontrolledForm from './Demo13/UncontrolledForm'
import UseFormTo from './Demo13/UseForm';
import UsersLayout from './Demo14/UsersLayout'


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <>
    <BrowserRouter>
      {/* // <React.StrictMode> */}
      {/* <App /> */}
      {/* <Counter></Counter> */}
      {/* <UserList></UserList> */}
      {/* <SearchUserList></SearchUserList> */}
      {/* <ThemeSwitch></ThemeSwitch> */}
      {/* <Timer></Timer> */}
      {/* <UseToCounter></UseToCounter> */}
      {/* <UseToScroll></UseToScroll> */}
      {/* <UseAsyncToUserList></UseAsyncToUserList> */}
      {/* <BlogList></BlogList> */}
      {/* <PureRedux></PureRedux> */}
      {/* <ReduxCounter></ReduxCounter> */}
      {/* <FilterLists></FilterLists> */}
      {/* <PriceInputs></PriceInputs> */}
      {/* <SearchBoxToURL></SearchBoxToURL> */}
      {/* <ArticleViews /> */}
      {/* <UserList2></UserList2> */}
      {/* <ListWithMore></ListWithMore> */}
      {/* <CounterRenderPropsExample></CounterRenderPropsExample> */}
      {/* <ToggleButton/> */}
      {/* <UseKeyPress></UseKeyPress> */}
      {/* <UncontrolledForm></UncontrolledForm> */}
      {/* <UseFormTo></UseFormTo> */}
      <UsersLayout></UsersLayout>
      {/* </React.StrictMode> */}
    </BrowserRouter>
  </>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
